// 富文本编辑器
initEditor();

// 获取分类
xios.get("/my/category/list").then((res) => {
  let { status, data } = res.data;
  if (status === 0) {
    let str = "";
    data.forEach((item) => {
      str += `<option value="${item.id}">${item.name}</option>`;
    });
    // 把option放到select中
    $("select[name=cate_id]").append(str);
    // 更新渲染
    let form = layui.form;
    form.render("select");
  }
});
// 1. 初始化图片裁剪器
var $image = $("#image");

// 2. 裁剪选项
var options = {
  aspectRatio: 400 / 280,
  preview: ".img-preview",
};

// 3. 初始化裁剪区域
$image.cropper(options);

// 封面
$('button:contains("选择封面")').on("click", function () {
  $("#file").trigger("click");
});

// 更改上传封面图片
$("#image").on("change", function () {
  if (this.files.length > 0) {
    let fileObj = this.files[0];
    let url = URL.createObjectURL(fileObj);
    $image.cropper("replace", url);
  }
});

$("form").on("submit", function (e) {
  e.preventDefault();
  let fd = new FormData(this); //this指dom对象
  // 修改content
  fd.set("content", tinyMCE.activeEditor.getContent());
  // 图片需要剪裁，剪裁之后，转成文件对象格式，追加到fd中
  let canvas = $image.cropper("getCroppedCanvas", {
    width: 400,
    height: 280,
  });
  // canvas转成文件对象格式
  canvas.toBlob(function (blob) {
    fd.append("cover_img", blob);
    axios.post("/my/article/add", fd).then((res) => {
      let { status, message } = res.data;
      if (status === 0) {
        layer.msg(message);
        location.href = "./list.html";
      }
    });
  });
});
